<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Project Home</title>
	<link rel="stylesheet" type="text/css" href="./static/css/bootstrap.min.css">
	<!-- <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> -->
	<link href="./static/css/home.css" rel="stylesheet">
</head>
<body>

	<!-- NavBar -->
	<div class="navbar-wrapper">
		<div class="container">
			<nav class="navbar navbar-inverse navbar-static-top">
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a class="navbar-brand" href="#">Oliver's Projects</a>
					</div>
					<div id="navbar" class="navbar-collapse collapse">
						<ul class="nav navbar-nav">
							<li class="active"><a href="#">Home</a></li>
							<li><a href="#about">About</a></li>
						</ul>
					</div>
				</div>
			</nav>

		</div>
	</div> <!-- NavBar -->


   <!-- Carousel
   	================================================== -->
   	<div id="myCarousel" class="carousel slide" data-ride="carousel">
   		<!-- Indicators -->
   		<ol class="carousel-indicators">
   			<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
   			<li data-target="#myCarousel" data-slide-to="1"></li>
   			<li data-target="#myCarousel" data-slide-to="2"></li>
   		</ol>
   		<div class="carousel-inner" role="listbox">
   			<div class="item active">
   				<img class="first-slide" src="#" alt="First slide">
   				<div class="container">
   					<div class="carousel-caption">
   						<h1>言论观点提取</h1>
   						<p>从输入新闻文本中提取出人物的言论或观点</p>
   						<p><a class="btn btn-lg btn-primary" href="/SpeechExtraction" target="_blank">Learn more</a></p>
   					</div>
   				</div>
   			</div>
   			<div class="item">
   				<img class="second-slide" src="#" alt="Second slide">
   				<div class="container">
   					<div class="carousel-caption">
   						<h1>新闻摘要自动生成</h1>
   						<p>根据输入的新闻文本，自动生成相应摘要</p>
   						<p><a class="btn btn-lg btn-primary" href="/AbastractGeneration" target="_blank">Learn more</a></p>
   					</div>
   				</div>
   			</div>
   			<div class="item">
   				<img class="third-slide" src="#" alt="Third slide">
   				<div class="container">
   					<div class="carousel-caption">
   						<h1>情感细粒度分类</h1>
   						<p>对消费点评数据进行20类别的划分，每个类别进行情感细粒度分类</p>
   						<p><a class="btn btn-lg btn-primary" href="/CommentsClassification" target="_blank">Learn more</a></p>
   					</div>
   				</div>
   			</div>
   		</div>
   		<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
   			<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
   			<span class="sr-only">Previous</span>
   		</a>
   		<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
   			<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
   			<span class="sr-only">Next</span>
   		</a>
   	</div><!-- /.carousel -->



   	<!-- Projects show -->
   	<div class="container projects">

   		<div class="projects-header">
   			<h2>项目预览</h2>
   			<p>这些项目或者是对机器学习相关，或者是数据分析相关</p>
   		</div>


   		<!-- Three columns of text below the carousel -->
   		<div class="row">
   			<div class="col-lg-4 col-sm-6 col-md-4">
   				<div class="thumbnail" style="height: 320px;">
   					<a href="/SpeechExtraction" title="none" target="_blank">
   						<img class="lazy" src="./static/img/speech-extraction.png" alt="Generic placeholder image" width="310" height="200">
   					</a>
   					<div class="caption">
   						<h3>
   							<a href="/SpeechExtraction" title="言论提取" target="_blank">言论提取<br><!-- <small> Bootstrap 网站实例</small> --></a>
   						</h3>
   						<p>把文章中人物的核心观点提取出来，总结成表格，并可视化。</p>
   					</div>
   				</div>
   			</div><!-- /.col-lg-4 -->

   			<div class="col-lg-4 col-sm-6 col-md-4">
   				<div class="thumbnail" style="height: 320px;">
   					<a href="/AbastractGeneration" title="none" target="_blank">
   						<img class="lazy" src="./static/img/abstractgeneration.png" alt="Generic placeholder image" width="310" height="200">
   					</a>
   					<div class="caption">
   						<h3>
   							<a href="/AbastractGeneration" title="文章摘要生成" target="_blank">文章摘要生成<br><!-- <small> Bootstrap 网站实例</small> --></a>
   						</h3>
   						<p>分析文章，并自动生成文章摘要</p>
   					</div>
   				</div>
   			</div><!-- /.col-lg-4 -->

   			<div class="col-lg-4 col-sm-6 col-md-4">
   				<div class="thumbnail" style="height: 320px;">
   					<a href="/CommentsClassification" title="none" target="_blank">
   						<img class="lazy" src="./static/img/sentiment.png" alt="Generic placeholder image" width="310" height="200">
   					</a>
   					<div class="caption">
   						<h3>
   							<a href="/CommentsClassification" title="情感分析" target="_blank">情感细粒度分类<br><!-- <small> Bootstrap 网站实例</small> --></a>
   						</h3>
   						<p>对消费点评数据进行20类别的划分，每个类别进行情感细粒度分类</p>
   					</div>
   				</div>
   			</div><!-- /.col-lg-4 -->

   		</div><!-- /.row -->
   	</div> <!-- Projects show -->



    <!-- Bootstrap core JavaScript
    	================================================== -->
    	<!-- Placed at the end of the document so the pages load faster -->

	<script type="text/javascript" src="./static/js/jquery-1.12.4.min.js"></script>
	<script type="text/javascript" src="./static/js/bootstrap.min.js"></script>
</body>
</html>